<template>
  <div>
    <div class="top-status myflex pdw">
      <div class="top-left">
        <van-tag type="success">已上架商品</van-tag>
      </div>
      <div class="top-right">
        <van-switch v-model="checked"  class="mts"/>
      </div>
    </div>
    <div  class="my_divider"></div>

    {{ data.view }}
  </div>
</template>
    
    <script setup>
import { reactive, ref } from "vue";
const checked = ref(true);
const data = reactive({
  view: "这是商品的上架/下架状态页面",
});
</script>

<style scoped>
   .top-status{
    height: 45px;
   }
</style>